<script setup lang="ts"></script>

<template>
  <div class="q-gutter-xs" style="padding:24px">
    <t-link
      label="链接标题"
      :hideLabel="false"
      linkName="isShowUnderlineHover"
      href="?a"
      isShowUnderlineHover
    ></t-link>

    <t-link
      label="链接标题"
      :hideLabel="false"
      href="?b"
      linkName="isShowUnderline"
      isShowUnderline
    ></t-link>

    <t-link
      label="链接标题"
      :isLinkTargetBlank="true"
      linkName="新页面打开"
      href="?c"
    ></t-link>

    <t-link
      label="链接标题"
      :hideLabel="false"
      labelPosition="top"
      :isShowUnderline="true"
      linkName="标题居上"
      href="?d"
    ></t-link>

    <t-link
      label="链接标题"
      :hideLabel="true"
      isLinkTargetBlank
      linkName="不显示标题"
      href="https://www.baidu.com"
    ></t-link>
  </div>
</template>

<style lang="less"></style>
